<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <title>Document</title>
</head>

<body>
    <header class="header_outside">
        <header class="header_content">
            <h1><img src="images/logo2.png" alt="">
            </h1>
            <nav>
                <li><a href="">首页</a></li>
                <li><a href="">小程序</a></li>
                <li><a href="">在线直播</a></li>
                <li><a href="">在线直播</a></li>
                <li><a href="">在线直播</a></li>
                <li><a href="">在线直播</a></li>
                <li><a href="">案例</a></li>
                <aside>
                    <div>
                        <p>免费热线</p>
                        <span>400-1111-111</span>
                    </div>
                    <div>
                        <p><img src="images/online-service-link.png" alt=""></p>
                        <span>客服</span>
                    </div>

                </aside>
            </nav>
        </header>
    </header class="header_content">

    <div id="banner">
        <img src="images/kt-banner-04.jpg" alt="">
    </div>
    <main>
        <section class="section1_outside">
            <section class="section1_content">
                <hgroup>
                    <h2>服务</h2>
                    <h4><strong>策略·研发·营销·运营，</strong>一站式解决方案</h4>
                </hgroup>
                <section class="section1_content_figure">
                    <figure>
                        <figcaption>
                            <img src="images/service1.gif" alt="">
                        </figcaption>
                        <h5>高端网站</h5>
                        <span>高端网页、品牌网站4，一站式解决方案</span>
                        <article>
                            <p>企业集团官网</p>
                            <p>品牌营销网站</p>
                            <p>行业信息平台</p>
                            <p>响应式网站升级</p>
                        </article>
                    </figure>
                    <figure>
                        <figcaption>
                            <img src="images/service1.gif" alt="">
                        </figcaption>
                        <h5>高端网站</h5>
                        <span>高端网页、品牌网站4，一站式解决方案</span>
                        <article>
                            <p>企业集团官网</p>
                            <p>品牌营销网站</p>
                            <p>行业信息平台</p>
                            <p>响应式网站升级</p>
                        </article>
                    </figure>
                    <figure>
                        <figcaption>
                            <img src="images/service1.gif" alt="">
                        </figcaption>
                        <h5>高端网站</h5>
                        <span>高端网页、品牌网站4，一站式解决方案</span>
                        <article>
                            <p>企业集团官网</p>
                            <p>品牌营销网站</p>
                            <p>行业信息平台</p>
                            <p>响应式网站升级</p>
                        </article>
                    </figure>
                    <figure>
                        <figcaption>
                            <img src="images/service1.gif" alt="">
                        </figcaption>
                        <h5>高端网站</h5>
                        <span>高端网页、品牌网站4，一站式解决方案</span>
                        <article>
                            <p>企业集团官网</p>
                            <p>品牌营销网站</p>
                            <p>行业信息平台</p>
                            <p>响应式网站升级</p>
                        </article>
                    </figure>
                    <figure>
                        <figcaption>
                            <img src="images/service1.gif" alt="">
                        </figcaption>
                        <h5>高端网站</h5>
                        <span>高端网页、品牌网站4，一站式解决方案</span>
                        <article>
                            <p>企业集团官网</p>
                            <p>品牌营销网站</p>
                            <p>行业信息平台</p>
                            <p>响应式网站升级</p>
                        </article>
                    </figure>
                </section>
            </section>
        </section>
        <section class="section2_content">
            <hgroup>
                <h2>服务</h2>
                <h4><strong>策略·研发·营销·运营，</strong>一站式解决方案</h4>
            </hgroup>
            <article>
                <figure>
                    <figcaption><img src="images/kt-case-01.jpg" alt=""></figcaption>
                    <p>爱学堂</p>
                    <span><strong>教育行业</strong><i>PC/手机/Pad一站式业务服务</i></span>
                </figure>
                <figure>
                    <figcaption><img src="images/kt-case-02.jpg" alt=""></figcaption>
                    <p>爱学堂</p>
                    <span><strong>教育行业</strong><i>PC/手机/Pad一站式业务服务</i></span>
                </figure>
                <figure>
                    <figcaption><img src="images/kt-case-03.jpg" alt=""></figcaption>
                    <p>爱学堂</p>
                    <span><strong>教育行业</strong><i>PC/手机/Pad一站式业务服务</i></span>
                </figure>
            </article>
        </section>
        <section class="section3_content">
            <hgroup>
                <h2>我们的客户</h2>
                <h5></h5>
            </hgroup>
            <article>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </article>
        </section>
    </main>
    <footer class="footer_outside">
        <footer class="footer_content">
            <section class="footer_content_top">
                <article>
                    <hgroup>
                        <h4>和我们一起，定制互联网</h4>
                        <h4>和我们一起，玩转互联网</h4>
                    </hgroup>
                    <ul class="footer_content_top_ul clear_fix">
                        <li class="footer_content_top_ul_list">
                            <ul>
                                <li>- 爱工作</li>
                                <li>- 爱生活</li>
                                <li>- 爱学习</li>
                            </ul>
                        </li>
                        <li class="footer_content_top_ul_list">
                            <ul>
                                <li>- 爱工作</li>
                                <li>- 爱生活</li>

                            </ul>
                        </li>
                        <li class="footer_content_top_ul_list">
                            <ul>
                                <li>- 爱工作</li>
                                <li>- 爱生活</li>

                            </ul>
                        </li>
                        <li class="footer_content_top_ul_list">
                            <ul>
                                <li>- 爱工作</li>
                                <li>- 爱生活</li>
                            </ul>
                        </li>
                    </ul>
                </article>
                <aside>
                    <h4>400-8888-8888</h4>
                    <h5>中国农大国际创业园</h5>
                    <p>北京市海淀区天秀路10号3B号楼</p>
                    <span>四号线地铁安河桥北四号线地铁安河桥北</span>
                </aside>
            </section>
            <section class="footer_content_bottom">
                <p>洞察 | 关于 | 北京开拓明天科学技术有限公司</p>
                <div><i></i></div>
            </section>
        </footer>
    </footer>
</body>

</html>